
*{ margin:0; padding:0;}
table{border-collapse:collapse;border-spacing:0;}
li{list-style:none;}
fieldset,img{border:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
q:before,q:after{content:'';}
a:focus,input,textarea{outline-style:none;}
input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none;}
textarea{resize:none}
address,caption,cite,code,dfn,em,i,th,var{font-style:normal;font-weight:normal;}
legend{color:#000;}
abbr,acronym{border:0;font-variant:normal;}
a{color:#666;text-decoration:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
.clearfix{display:block;}
.clear{clear:both;height:0;font:0/0 Arial;visibility:hidden;}
.none{display:none}

html{
font-size:62.5%;
background:transparent;
}

body {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
line-height: 1;
color: #666 !important;
background: #f5f5f5;
}


/*header部分*/
header{
height:4rem;
background:#0085ff;
position:relative;
display:flex;
justify-content:space-between;
align-items:center;
width: 100%;
}

.head_search{
background:#fff;
display:inline-block;
height:2.7rem;
line-height:2.7rem;
width:90%;
border-radius:1rem;
margin: 0 auto;
text-align:center;
}


.head_search span{
color:#666;
font-size:1.4rem;
display:inline-block;
}


/*main_t部分*/
#main_t{
height:16rem;
overflow:hidden;
background:#fff;
}

.list2{
height:100%;
overflow:hidden;
}

.list2 li{
width:24%;
text-align:center;
display:inline-block;
box-sizing:border-box;
}

.list2 li .icon_desc{
display:block;
text-align:center;
width:100%;
margin-top:.6rem;

}

.list2 a{
display:block;
padding:0.6rem 0;

}

.list2 a i{
font-size:2.6rem;
display:block;
text-align:center;
color:#fff;
}

.list2 img{
width:3.8rem;
height:3.8rem;
}

.swiper-container{
height:100%;
}

.swiper-wrapper{
height:100%;
}

.swiper-pagination-bullet{
width:.2rem;
height:.2rem;
background:#000;
}


/*main部分*/
main{
position:relative;
overflow:hidden;
margin-top:1rem;
background:#fff;
}

.title{
padding:1rem;
font-size:1.4rem;
display:inline-block;
color:#333;
font-weight:600;
}

.item{
position:relative;
margin:0;
overflow:hidden;
border-top:0.02rem solid #eee;
border-bottom:0.02rem solid #eee;
}

.item_g{
padding: 0.8rem 1rem;
display: block;
height: 100%;
position: relative;
}

.dealcard{
position:relative;
box-sizing:border-box;
margin:-0.2rem 0;
height:8rem
}


.item_l{
display:inline-block;
position:absolute;
width:4.8rem;
height:4.8rem;
margin-top:0;
top:0
}

.item_l img{
background-size:100%;
height:4.8rem;
display:block;
padding:1rem 0;
}

.item_r{
display:inline-block;
margin-left:6rem;
position:relative;
right:0;
margin-top:0.6rem;
width:79%;
}

.item_r .tit{
color:#333;
font-size:1.6rem;
font-weight:600;
}

.shopname{
    background: #ffd930;
    display: inline-block;
    font-size: 1.2rem;
    padding: .1rem;
}

.shoptitle{
display: inline-block;
width: 60%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

.item_r .dec{
font-size:1.2rem;
margin-top:.8rem;
margin-bottom:1rem;
overflow:hidden;
position:relative;
}

.dec .pin{
font-size:2.2rem;
color:orange;
display:inline-block;
}

.pin i{
background:url("../img/yellowxin.png") no-repeat center center / 100% 100%;
width:.8rem;
height:.8rem;
display:inline-block;
}


.item_r .price_r{
width:100%;
position:relative;
}

.fen{
color: #ff6000;
}

.pao{
position:absolute;
right:0;
font-size:1rem;
color:rgb(153, 153, 153);
}

.zhunshi{
position:absolute;
right:19%;
line-height:1rem;
border:0.02rem solid #44a5ff;
display:inline-block;
height:1rem;
font-size:1rem;
text-align:center;
bottom:0;
color:#44a5ff;
}

.feng{
position:absolute;
right:0;
line-height:1rem;
background: #44a5ff;
display:inline-block;
font-size:1rem;
height:1rem;
text-align:center;
color:#fff;
bottom:0;
padding:.1rem;
}

.juli{
position:absolute;
right:15%;
}

.minute{
right:0;
position:absolute;
color:#0a8cd2;
}


